@charset "utf-8";
/*reset*/
html{color:#444;background:#f8f8f8;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,header,section{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,header,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5FAE\8F6F\96C5\9ED1;}
input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit;}
fieldset,img{border:0;}
iframe{display:block;}
abbr,acronym{border:0;font-variant:normal;}
del{text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
q:before,q:after{content:'';}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
a:hover{text-decoration:underline; color:#008080;}
ins,a{text-decoration:none;}
:focus { outline:0; }
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{zoom:1;/* for IE6 IE7 */}
body .hide{display:none;}
.f_left,.f_right{display:inline;}
.f_left{float:left;}
.f_right{float:right;}
/*layout*/
::-moz-selection {background: #FF5F3E;color: #ffffff;}/* Firefox */
::selection {background: #FF5F3E;color: #ffffff;}/* Opera,Safari,Chrome */

#header{width: 220px;position: fixed;top: 0;left: 55px;z-index:0;background-color: #fff; color: #444;}
#content {min-height: 650px;/*display: inline-block;*/margin-left: 325px;padding: 30px 10px 50px 0;}
#footer {zoom: 1;overflow: hidden;background: #99CC66;border-top: 3px solid #ccc;padding:80px 50px;}

.header_move{position: absolute !important;}
.logo{width: 100%;height: 100px;text-align:center;overflow: hidden;}
.logo a{width: 100%;height: 100px;display: inline-block;line-height: 100px;font-size: 22px;font-weight: 700;background: #6cc;color: #fff;}
.logo a:hover,.nav a:hover{text-decoration: none;}

.nav_container{padding: 30px 0 0 30px;position: relative;}
.current_bg{width: 227px;height: 41px;background-color: #f8f8f8;position: absolute;left: -7px;z-index: -1;}
.current_label{width: 7px;height: 100%;background-color:#6cc;float: left}
.nav {width: 160px;}
.nav .nav_item{height: 39px;border-top: 1px solid #f8f8f8;}
.nav .mulit{height: auto}
.nav li:first-child {border-top: none;}
.sub_nav li:first-child {border-top: 1px solid #f8f8f8;}
.nav .current{ border-top-color: #f8f8f8;}
.nav .current a{ color: #59d5e1;}
.nav .current .sub_nav a{color: #666}
.nav a{color: #666;margin:0 0 0 3px; padding: 12px 0 12px 7px; font-size:14px;line-height: 15px;float: left;width: 180px;}
.nav .sub_nav{margin-top: 40px}
.nav .sub_nav a{padding-left:30px;width:158px }
.nav_slide_trigger{margin-top: 20px;height: 10px;background-color: #6cc;cursor: pointer;text-align: center;line-height: 8px;color: #fff;}
.slide_tips{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #6cc;text-align: center;font-size: 18px;line-height: 24px;color: #fff;display: none;}
.btn{border: 3px solid #ff6860;color: #ff6860;font-weight: 700;padding: 10px 15px;-webkit-box-shadow: 4px 4px 0px #ff8f89;-moz-box-shadow: 4px 4px 0px #ff8f89;box-shadow: 4px 4px 0px #ff8f89;}

#menu_wrapper{height: 50px;color: #ccc;padding: 0;width: 0;position:fixed;overflow: hidden;z-index: 200;}
#menu_wrapper .menu_mask{background: #000;opacity: .8;width: 100%;height: 100%;position:absolute;top: 0;left: 0;z-index: -1;}
#menu_wrapper .site_name{display: block;width: 100px;height: 100%;line-height: 50px;font-size: 22px;color: #6cc;text-align:center;float: left;text-decoration: none;text-shadow: 3px 3px 3px #222;float: left;}
#menu_wrapper .site_name:hover{color: #99CC66;}
#menu_wrapper .menu{margin-left: 100px;}
#menu_wrapper .menu li{float: left;}
#menu_wrapper .menu li a{display: block;height: 100%;line-height: 50px;font-size: 18px;padding: 0 30px;color: #ccc;text-decoration: none;text-shadow: 3px 3px 3px #222;}
#menu_wrapper .menu li a:hover{color: #fff;}
#menu_wrapper .menu_slide_trigger{position:absolute;top: 0;right: 20px;height: 100%;line-height:50px;width: 10px;background: #444;color: #999;cursor: pointer;}
#menu_wrapper .menu_slide_trigger:hover{background: #6cc;color: #fff;}
/*articles*/
.articles .article_title{font-size:24px;line-height: 50px;color: #666;text-align: center;}

.back_to_top{display:block;position: fixed;bottom: 50px;right: 15px;z-index: 150;height: 40px;line-height:20px;width: 40px; background-color: #ccc;text-align: center;display: none;}
.back_to_top em{border-left:10px solid #ccc; border-right:10px solid #ccc; border-bottom:10px solid #999; width:0; height:0;}
.back_to_top:hover{background: #6cc;}
.back_to_top:hover em{border-color: #6cc #6cc #fff #6cc;}

h1{font-size: 22px;line-height: 36px;color: #6cc;}


